<template>
  <!-- <div style="height: 100%;">
    <div v-transfer-dom>
      <loading v-model="isLoading"></loading>
    </div> -->
    <viewBox body-padding-bottom="55px" style="width:100%;position:fixed;left:0;top:0;z-index:100;">
      <Header />
      <Todo />
      <Footer />
    </viewBox>
  <!-- </div> -->
</template>

<script>
import { Loading, TransferDom, ViewBox } from 'vux'
import Footer from '@/components/common/footer'
import Header from '@/components/home/header/header'
import Todo from '@/components/home/todo/todo'
import { mapState } from 'vuex'
export default {
  name: 'index',
  directives: {
    TransferDom
  },
  components: {
    Footer, Header, Todo, Loading, ViewBox
  },
  computed: {
    ...mapState({
      isLoading: state => state.vux.isLoading
    })
  }
}
</script>
<style>


</style>

